<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
<title>DOHN</title>
<link href="../html/css/mobile.css" rel="stylesheet" type="text/css" />
</head>
<script>
window.onload = function() {
    document.getElementById("user_id").value = "ID"
    document.getElementById("password").value = "PASSWORD"
}
var inputField = "";

function msg(var1, var2, var3) {
    if(var1 == "") {
        document.getElementById(var2).value = var3;
    } else {
        document.getElementById(var2).value = var1;
    }
}

function delAlt(obj, elm, chk) {
    document.getElementById(elm).value = inputField;
    document.getElementById(elm).onblur = function () {msg(this.value, elm, chk)};
}
</script>
<body>
		<div id="header"><img src="../html/images/logo.png"></div>

			<h2>Login</h2>

			<form  id="box" action="mobile_sign_in" method="post">
				<input type="text" id="user_id" name="user_id" onFocus="delAlt(this,'user_id', 'ID')"><br>
				<input type="password" id="password" name="password" onFocus="delAlt(this, 'password', 'PASSWORD')">
				<div id="submit" style="float:right;">
				<input type="submit" value="Sign-In" style="width:80px; height:27px; color:#fff; border:none; background: url(../html/images/submit_btn.jpg); "/>
				</div>
			</form>




</body>
</html>
